<?php /*a:3:{s:76:"/www/wwwroot/test.usdtes.vip/test/application/index/view/recharge/index.html";i:1701611006;s:78:"/www/wwwroot/test.usdtes.vip/test/application/index/view/common/pub_style.html";i:1678364184;s:75:"/www/wwwroot/test.usdtes.vip/test/application/index/view/common/footer.html";i:1678364180;}*/ ?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
<title></title>
<link rel="stylesheet" href="/image/weui.css" />
<link rel="stylesheet" href="/image/bootstrap.min.css" />
<script src="/image/zepto.min.js" type="text/javascript"></script>
<script src="/image/jquery.min.js" type="text/javascript"></script>
<script src="/image/weui.min.js"></script>
<script src="/layer3.1/layer.js"></script>
<script src="/image/common.js"></script>
<link rel="stylesheet" href="/image/iconfont.css" />
<link rel="stylesheet" href="/image/common.css" />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
$(document).ready(function(){
    $(".nav-list-ico").on('click',function(){
        if($('.left-nav').attr('class')=='left-nav active'){
                $('.left-nav').removeClass('active');
                $('.cover-mask').removeClass('active');
        }else{
                $('.left-nav').addClass('active');
                $('.cover-mask').addClass('active');
        }
    })
    $('.cover-mask').on('click',function(){
            if($('.left-nav').attr('class')=='left-nav active'){
                $('.left-nav').removeClass('active');
                $('.cover-mask').removeClass('active');
            }else{
                $('.left-nav').addClass('active');
                $('.cover-mask').addClass('active');
            }
    })
    $('.nav-item').on('click',function(){
            $('.left-nav-List').removeClass('active');
            $(this).addClass('active');
            $('.left-nav').removeClass('active');
            $('.cover-mask').removeClass('active');
    })
})
</script>

<script type="text/javascript" src="/plugin/clipboard/clipboard.js"></script>
<style type="text/css">
@media only screen and (max-width: 600px) {
	.recharge-content img {
		width: 100%
	}
}
.text-caption {
	font-size: .75rem;
	font-weight: 400;
	letter-spacing: .03333em;
	line-height: 1.25rem;
	width: 180px;
}
.copy {
	width: 35px;
	height: 35px;
}
</style>
<script type="text/javascript">
	$(document).ready(function() {
		isformnull();
		$(".login-btn").click(function() {
			if (getformnull() == 0) {
				$("#loadingToast").show();
				$.ajax({
					type : 'post',
					url : "",
					dataType : "json",
					data : $("form").serialize(),
					success : function(res) {
						layer.msg(res.msg);
						if (res.code == 99) {
							$("form").get(0).reset();
							window.location.href = "<?php echo url('recode'); ?>";
						}
						$("#loadingToast").hide();
					}
				});
			}
		})
		var clipboard = new ClipboardJS('.copy', {
			text : function(trigger) {
				layer.msg("<?php echo htmlentities(app('lang')->get('copy_success')); ?>");
				return trigger.getAttribute('data-text');
			}
		});
		var type = $("#type").val();
		getQr(type);
		$("#type").change(function() {
			type = $("#type").val();
			getQr(type);
		})
	})
	function getQr(type) {
		$.ajax({
			type : 'post',
			url : "<?php echo url('getQr'); ?>",
			dataType : "json",
			data : 'type=' + type,
			success : function(res) {
                console.log(res);
				$(".qr_img").attr("src", res.qr);
				$(".wallet_key").html(res.key);
				$(".copy").attr("data-text",res.key);
			}
		});
	}
</script>
</head>
<body>
	<div class="header-wrap">
		<div class="flex flex-between pd10">
			<div class="left-arrow" onclick='javascript:window.location.href="<?php echo url('User/index'); ?>"'></div>
			<div class=""><?php echo htmlentities(app('lang')->get('label_recharge')); ?></div>
			<div class="">
				<a href="<?php echo url('recode'); ?>"><?php echo htmlentities(app('lang')->get('recode')); ?></a>
			</div>
		</div>
	</div>
	<div style="height: 70px;"></div>
	<div class=" pd20">
		<form id="login-form" class="form-horizontal" action="" method="post">
			<div class="form-row flex flex-between align-center index">
				<div class="title label-md"><?php echo htmlentities(app('lang')->get('type')); ?>:</div>
				<div class="input-box" >
				<div class="position-rel">
			        <div  class="bank_xljt1" style="height: 50px;"  id="chose_bank" >
			            <a href="javascript:;" class="hotBank-list-ico" id="t3">
			                <img  class="jt_xz" id="t2" src="/image/trc20.png" width="50" />
			               	<span class="tit" id="t1">TRC20</span>
			                <input type="hidden" id="type" name="type" value="trc20">
			            </a>
			        </div>
			     </div>
			     <div class="bank_xl" style="display: none;position: absolute;top: 97px;left: 15%;">
			         <ul>
			             <li class="hotBank-list" onclick="sel(1)">
			                <a href="javascript:" class="hotBank-list-ico">
			                    <img  src="/image/trc20.png" width="50" />
			                    <span id="tits">TRC20</span>
			                </a>
			             </li>
			             <li class="hotBank-list" onclick="sel(2)">
			                <a href="javascript:" class="hotBank-list-ico">
			                   <img src="/image/erc20.png" width="50" />
			               		 <span id="tits">ERC20</span>
			                </a>
			             </li>
			         </ul>
			    </div>
					<!-- <select name="types" style="width:100%;display: none;">
						<option value="trc20">
						     <img src="/image/erc20.png" alt="" />
						        TRC20
						 </option>
						<option value="erc20">
						     <img src="/image/trc20.png" alt="" />
						    ERC20
						    </option>
					</select> -->
				</div>
			</div>
<script type="text/javascript">
	function addListener(element, e, fn) {
			    if (element.addEventListener) {
			        element.addEventListener(e, fn, false);
			    } else {
			        element.attachEvent("on" + e, fn);
			    }
			}
		addListener(document, "click",
			function(evt) {
			    var evt = window.event ? window.event: evt,
			    target = evt.srcElement || evt.target;
			    if (target.id == "chose_bank" ||target.id == "t1"|| target.id == "t2"||target.id == "t3") {
			    	$('.bank_xl').show();
					$('.jt_xz').hide();
					$('.tit').hide();
			        return;
			    } else {
			    	$('.bank_xl').hide();
			       $('.jt_xz').show();
					$('.tit').show();
			    }
			})
	function sel(id){
		$('.bank_xl').hide();
		$('.jt_xz').show();
		$('#tit').show();
		if(id==1){
			$('.tit').html("TRC20");
			getQr('trc20');
			 $(".jt_xz").attr("src","/image/trc20.png");
			 $("#type").val('TRC20');
		}else{
			getQr('erc20');
			$('.tit').html("ERC20");
			 $(".jt_xz").attr("src","/image/erc20.png");
			 $("#type").val('ERC20');
		}
	}
</script>
<style type="text/css" media="all">
	li{list-style: none;}
	.bank_xl{background-color: #fff;width: 60%;}
	#tits{color: #141313;}
	.hotBank-list{margin-top:5px ;}
    .changeState{
     width:172px;
     height:32px;
     position:relative;
        .bank_xl{
           width: 100%;
           border: 1px  solid  #ccc;
           position: absolute;
           z-index: 1;
           background: #ffffff;
           border-top: 0;
                ul{
                    padding: 0;
                    margin:0;
                    li{
                         padding-left: 10px;
                         list-style: none;
                         a{
                             display: block;
                             width: 100%;
                             line-height: 30px;
                             font-size: 12px;
                             color: #666;
                            img{
                                margin-right: 10px;
                            }
                         }
                    }
                }
            }
            .position-rel {
                position: relative;
                height:32px;
                border:1px solid #ddd;
            }
            .bank_xljt{
                 position: absolute;
                 right: 0;
                 top: 0;
                 width: 50px;
                 height: 30px;
                 line-height: 30px;
                 text-align: center;
             }
             .bank_xljt1{
                 height: 32px;
                 position: absolute;
                 width: 100%;
                 top: 0px;
                 .hotBank-list-ico {
                     display: block;
                     line-height: 30px;
                     padding-left: 10px;
                     color: #666;
                     font-size: 12px;
                     img{
                         margin-right: 10px;
                     }
                 }
             }
}
</style>
			<div class="form-row flex flex-between align-center">
				<div class="title label-md"><?php echo htmlentities(app('lang')->get('qr_code')); ?>:</div>
				<div class="flex flex-block align-center">
					<div class="input-box">
						<img src="" class="qr_img" width="100">
						<br>
						<div class="text-caption text-grey ellipsis q-mt-xs q-mr-md wallet_key"></div>
					</div>
					<div class="">
						<img src="/image/copy.png" class="copy">
					</div>
				</div>
			</div>
			<div class="form-row flex flex-between align-center">
				<div class="title label-md"><?php echo htmlentities(app('lang')->get('amount')); ?>:</div>
				<div class="input-box">
					<input type="number" class="form-control czjine" id="firstname" name="money" placeholder="<?php echo htmlentities(app('lang')->get('recharge_minimum')); ?>" autocomplete="off">
				</div>
			</div>
			<div class="form-row flex align-center">
				<div class="title label-md"><a style="color:red;"><?php echo htmlentities(app('lang')->get('proof')); ?>:</a></div>
				<div class="input-box">
					<div class="weui-uploader__input-box" style="float: none; border: 1px solid #999;">
						<input type="hidden" name="inputfile" value="">
						<input name="img" id="inputfile" onclick="uploader(this)" class="weui-uploader__input" type="file" accept="image/*" multiple="">
					</div>
					<div class="">
						<ul id="showinputfile" class="weui-uploader__files"></ul>
					</div>
				</div>
			</div>
			<div class="form-row flex align-center">
				<div class="title label-md"><?php echo htmlentities(app('lang')->get('paypwd')); ?>:</div>
				<div class="input-box">
					<input type="password" name="paypwd" class="form-control password" placeholder="<?php echo htmlentities(app('lang')->get('input_enter_paypwd_tips')); ?>" autocomplete="off">
				</div>
			</div>
			<div class="form-row">
				<button type="button" class="input-btn btnform btn-disabled login-btn undefined">
					<span class="btn-content">
						<span><?php echo htmlentities(app('lang')->get('label_recharge')); ?></span>
					</span>
				</button>
			</div>
		</form>
		<span><?php echo htmlentities(app('lang')->get('label_biaoti')); ?></span>
		<div class="">
		    
			<label for="firstname" class="control-label" style="color: #6046ff"></label></BR>
				<label for="firstname" class="control-label" style="color: red"></label>
			<div class="recharge-content"><?php echo $website['recharge_example']; ?></div>
		</div>
	</div>
	<div style="height: 50px"></div>
<div role="loading" id="loadingToast" style="display: none;">
	<div class="weui-mask_transparent"></div>
	<div class="weui-toast">
		<span class="weui-primary-loading weui-icon_toast">
			<span class="weui-primary-loading__dot"></span>
		</span>
		<p class="weui-toast__content"></p>
	</div>
</div>
<div id="dialogs" style="display: none">
	<div class="js_dialog" role="dialog" aria-hidden="false" aria-modal="true" aria-labelledby="js_title2" id="iosDialog2" style="opacity: 1;" tabindex="0">
		<div class="weui-mask"></div>
		<div class="weui-dialog">
			<div class="weui-dialog__bd"></div>
			<div class="weui-dialog__ft">
				<a role="button" href="javascript:" class="weui-dialog__btn weui-dialog__btn_primary">close</a>
			</div>
		</div>
	</div>
</div>
</body>
</html>